 .pattern .icon {
	width: 55rpx;
	height: 55rpx;
	transform: rotate(30deg) skewY(30deg) scaleX(0.866);
	border-radius: 20%;
	// margin-top: 70px;
	overflow: hidden;
	border: unset;
}

.pattern .icon::before,
.pattern .icon::after {
	content: "";
	position: absolute;
	width: 55rpx;
	height: 55rpx;
}

.pattern .icon::before {
	border-radius: 20% 20% 20% 55%;
	background: #000;
	transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(30deg) scaleY(0.866) translateX(-24%);
}

.pattern .icon::after {
	border-radius: 20% 20% 55% 20%;
	background: #000;
	transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(-30deg) scaleY(0.866) translateX(24%);
}
.pattern .icon::before,
.pattern .icon::after {
	// background:linear-gradient(#fcc139, #FFFFFF);
	background: linear-gradient(to bottom right, #fcc139, #F2F2F2 80%);
}